﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SIPO.master" AutoEventWireup="false" CodeFile="recActionDemandlist.aspx.cs" Inherits="SIPO.Web.Lists.Administration.Catalog.recActionDemandlist" %>

<asp:Content ID="Content1" ContentPlaceHolderID="body" Runat="Server">
<link type="text/css" rel="stylesheet" href="<%= ResolveUrl("~/styles/ui.jqgrid.css") %>" />
    <script type="text/javascript" src="<%= ResolveUrl("~/scripts/i18n/grid.locale-id.js") %>"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~/scripts/jquery.jqGrid.min.js") %>"></script>

    <div>
        <button id="btnAdd" type="button" onclick="OpenForm('add');">
            Tambah</button>
        <button id="btnEdit" type="button" onclick="OpenForm('edit');">
            Ubah</button>
        <button id="btnDelete" type="button" onclick="OpenForm('delete');">
            Hapus</button>
    </div>
    <br />
    <br />
    <table id="table" class="scroll" cellpadding="0" cellspacing="0">
    </table>
    <div id="pager" class="scroll">
    </div>
    <br />
    <div id="dialog" title="Default dialog">
    </div>

     <script type="text/javascript">

         $("#btnAdd").button({ icons: { primary: "ui-icon-plus"} });
         $("#btnEdit").button({ icons: { primary: "ui-icon-pencil"} });
         $("#btnDelete").button({ icons: { primary: "ui-icon-trash"} });

    </script>

    <script type="text/javascript">
        var handlerUrl = '<%= ResolveUrl("~/AjaxHandler/Administration/Catalog/recActionDemandhandler.ashx") %>';
        
        $('#table').jqGrid({
            url: handlerUrl + '?method=getdata',
            datatype: 'json',
            colNames: ['ID', 'Jenis Upaya Tagih', 'Batas Waktu (dalam harian)'],
            colModel: [
           		{ name: 'ActionID', key: true, hidden: true, index: 'ACTIONID', width: 60 },
                { name: 'ActionName', index: 'ACTIONNAME', align: 'left', searchoptions: { sopt: ['eq', 'cn'] }, width: 200 },
                { name: 'TermDay', index: 'TERMDAY', align: 'center', searchoptions: { sopt: ['eq', 'cn'] }, width: 200 }
           	],
            rowNum: 10,
            id: 'ActionID',
            multiselect: true,
            rowList: [5, 10, 15, 20],
            pager: '#pager',
            sortname: 'OrderSeq',
            sortorder: "asc",
            viewrecords: true,
            jsonReader: { repeatitems: false },
            width: 600,
            height: '100%',
            caption: 'Jenis Upaya Penagihan',
            ajaxGridOptions: { cache: false }
        });

        $("#table").jqGrid('navGrid', '#pager', { edit: false, add: false, del: false, searchtext: 'Search', refreshtext: 'Refresh' },
        {}, {}, {}, { closeOnEscape: true, multipleSearch: true, closeAfterSearch: true });

        function OpenForm(ctl) {
            var formUrl = '<%= ResolveUrl("~/forms/administration/catalog/recActionDemandform.aspx") %>';

            var grid = $('#table');
            var selIds = grid.jqGrid('getGridParam', 'selarrrow'),
                selText = [];
            $.each(selIds, function () {
                selText.push(grid.jqGrid('getCell', this, 'ActionID'));
            });

            if (ctl == 'edit') {
                if (selIds.length == 0)
                    alert('Pilih data yang mau di ubah !');
                else {
                    if (selIds.length > 1) {
                        alert('Pilih satu record untuk ubah data!');
                    }
                    else if (selIds.length = 1) {

                        $('#dialog').load(formUrl + '?id=' + selText + '&menuId=' + '<%= base.MenuID %>').dialog({ autoOpen: false, modal: true, width: 420, title: 'Ubah Jenis Upaya Penagihan' });
                        $("#dialog").dialog('open');
                    }
                }
            }
            else if (ctl == 'add') {
                $('#dialog').load(formUrl + '?menuId=' + '<%= base.MenuID %>').dialog({ autoOpen: false, modal: true, width: 420, title: 'Tambah Jenis Upaya Penagihan' });
                $("#dialog").dialog('open');
            } else {
                if (selIds.length == 0) {
                    alert('Pilih data yang mau di hapus!');
                } else {
                    var result = window.confirm('Benar data akan dihapus ?');
                    if (result) {

                        var objrecAction = new Object();
                        objrecAction.ActionID = encodeURIComponent(selText);

                        jsonData = JSON.stringify(objrecAction);

                        CallAjax('<%= ResolveUrl("~/ajaxhandler/administration/catalog/recActionDemandhandler.ashx") %>', "?method=delete", jsonData);

                        setTimeout("$('#table').trigger('reloadGrid');", 3000);
                    }
                }
            }
        }
    </script>
</asp:Content>

